<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>

	<ul>
		<li>1</li>
		<li>2</li>
		<li>3</li>
		<li>4</li>
		<li>5</li>
	</ul>

	<script src="../lib/jquery.min.js"></script>
	<script>
		!function(window,document,$,undefined) {		//匿名自执行函数

			var addStyle = function() {
				var li = $('ul li');
				li.eq(2).css({'color': 'red'});			//eq得到的是一个jQuery对象
				li.get(1).style.color = 'yellow';		//get得到的是一个Dom对象所以不能用jQuery的方法
			};
			
			$(document).ready(addStyle);				//ready调用函数执行

		}(window,document,jQuery)
	</script>
	
</body>
</html>
